<html>
<head>
	<meta chartset="UTF-8">
	<title>注册</title>
	<style type="text/css">
		form{
			width: 500px;
			position: relative;
			margin:auto;
			margin-top: 50px;
			padding: 40px;
			border:1px solid #e5e5e5;
		}
		input{
			height: 25px;
			width: 200px;
		}
		.list{
			margin-bottom: 7px;
			margin-top: 7px;
		}
		.hr{
			height: 1px;
			width: 520px;
			background-color: #e5e5e5;
		}
		.title{
			width: 100px;
			text-align:right;
			float:left;
			clear:both;
		}
		button{
			width: 60px;
			background-color: #3879d9;
			border:1px solid #3879d9;
			color: white;
			padding: 5px;
			margin-top: 7px;
			margin-left: 100px;
		}
		span{
			color: red;
		}
		.yanzheng{
			width: 100px
		}
		.change{
			color: #3879d9;
			font-size: 14px;
		}
		.tishi{
			margin-top: 5px;
			margin-bottom: 3px;
			font-size: 11px;
			margin-left: 100px;
		}
		img{
			margin-left: 96px;
		}
	</style>
</head>
<body>
	<form>
		<div class="list">
			<div class="title"><span>*</span>用户名：</div>
			<input type="text" name="">
		</div>
		<div class="hr"></div>
		<div class="list">
			<div class="title"><span>*</span>密码：</div>
			<input type="text" name="">
		</div>
		<div class="hr"></div>
		<div class="list">
			<div class="title"><span>*</span>确认密码：</div>
			<input type="text" name="">
		</div>
		<div class="hr"></div>
		<div class="list">
			<div class="title">email：</div>
			<input type="text" name="">
		</div>
		<div class="hr"></div>
		<div class="list">
			<div class="title"><span>*</span>验证码：</div>
			<input class="yanzheng" type="text" name="">
			<span class="change">换一个</span>
			<div class="tishi">输入下面的字符</div>
			<img src="yanzhengma.png">
		</div>
		<div class="hr"></div>
		<button>提交</button>

	</form>
</body>
</html>